<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>个人设置</title>
		<link rel="stylesheet" type="text/css" href="css/main.css" />
	</head>

	<body>
		<!-- 头部 -->
		<div class="header">
			<div class="w-1200">
				<div class="logo">
					<img src="images/logo_03.png">
				</div>
				<ul>
					<li><a>组织图</a></li>
					<li><a href="set.html">个人设置</a></li>
					<li><a href="login.html">退出</a></li>
				</ul>
				<div class="personnel">admin / 管理员 / 吉林长春分部</div>
			</div>
		</div>
		<!-- 导航 -->
		<div class="nav">
			<div class="w-1200">
				<ul>
					<li><a href="index.html">首页</a></li>
					<li><a href="email.html">邮件</a></li>
					<li><a href="approval.html">审批</a></li>
					<li><a href="notice.html">公告</a></li>
					<li><a href="report.html">业务报告</a></li>
					<li><a href="task.html">任务奖励</a></li>
					<li><a href="work.html">考勤管理</a></li>
					<li><a href="personnel.html">人员管理</a></li>
					<li><a href="homepage.html">网站主页</a></li>
				</ul>
			</div>
		</div>
		<!-- 内容 -->
		<div class="w-1200 container">
			<!-- 左侧导航 -->
			<div class="Left LeftMore">
				<div class="columnBox">
					<h1><a href="set.html">个人信息</a></h1>
				</div>
				<div class="columnBox">
					<h1><a class="cur" href="set-password.html">密码修改</a></h1>
				</div>
			</div>
			<!-- 右侧内容 -->
			<div class="Right RightMore">
				<table class="table-list table-list-set">
					<tr>
						<td><span>原密码：</span></td>
						<td><input placeholder="请输入"/></td>
					</tr>
					<tr>
						<td><span>新密码：</span></td>
						<td><input placeholder="请输入"/></td>
					</tr>
					<tr>
						<td><span>确认新密码：</span></td>
						<td><input placeholder="请输入"/></td>
					</tr>
					<tr>
						<td> </td>
						<td><button>保存</button></td>
					</tr>
				</table>
			</div><!-- RightMore -->
		</div>

		<!-- JS -->
		<script src="js/jquery.js"></script>
		<script src="js/common.js"></script>
		<script src="My97DatePicker/WdatePicker.js"></script>
		<script>
			// 发布
			function showMessage() {
				$(".bg-shadow").fadeIn(100);
				$(".write-box").fadeIn(300);
			}

			function closeMessage() {
				$(".bg-shadow").fadeOut();
				$(".write-box").fadeOut(100);
				$(".look-box").fadeOut(100);
			}
			$(".operate li .add").click(function() {
				showMessage();
			})
			$(".operate li .send").click(function() {
				alert("发送成功");
				closeMessage()
			})
			$(".operate li .close").click(function() {
				closeMessage();
			})
			// 查看
			function lookMessage() {
				$(".bg-shadow").fadeIn(100);
				$(".look-box").fadeIn(300);
			}
			$(".table-list tbody tr td a").click(function() {
				lookMessage();
			})
		</script>
	</body>
</html>
